<template>
  <div id="container">
    <div id="app">
      <h3>案例：折叠面板</h3>
      <Pannel>
        <template #title>
          <h4>标题</h4>
        </template>
        <template v-slot:content>
          <img
            src="../assets/mm.gif"
            alt=""
          />
          <span>我是文字内容</span>
        </template>
      </Pannel>

      <Pannel>
        <template #title>
          <h4>猫</h4>
        </template>
        <template #content>
          <img
            src="../assets/mm.gif"
            alt=""
          />
          <span>我是文字哦</span>
        </template>
      </Pannel>

      <Pannel>
        <template #title>
          <h4>美女</h4>
        </template>
        <template #content>
          <img
            src="../assets/a.jpg"
            alt=""
          />
          <span>我是文字哦</span>
        </template>
      </Pannel>

      <Pannel>
        <template #title>
          <h4>芙蓉楼送辛渐</h4>
        </template>
        <template #content>
          <div>
            <p>寒雨连江夜入吴,</p>
            <p>平明送客楚山孤。</p>
            <p>洛阳亲友如相问，</p>
            <p>一片冰心在玉壶。</p>
          </div>
        </template>
      </Pannel>
    </div>
  </div>
</template>
<script>
import Pannel from '../components/02/Pannel'

export default {
  components: {
    Pannel

  }
}
</script>

<style>
</style>